Welcome to Flintlock's HTML help page.
I put this page together to help those of us who are just beginners with HTML.  Of course, this place suffers from graphic dullness, it has a lot of information that can help you get started.  You can use Netscape Composer (as I did to create this page) but knowing raw HTML may help in some cases in the future.
 
Click on a link below to view a reference table for the corresponding markup.
 Structure
 Head
 Title
 Body Attributes
 Body Markup
Frames
 IE Multimedia Markup
 Colors
 
 

Structure
 
MARKUP
DESCRIPTION
<HTML>...</HTML> Encloses the entire document and identifies it as an html document.
<HEAD>...</HEAD> Contains the head information, such as Meta and Title tags.
<TITLE>...</TITLE> Indicates the title of the page
<BODY>...</BODY> Contains all markup that sets the layout of the page.
The correct order of the structure tags is as follows:

<HTML>
<HEAD>
<TITLE>...</TITLE>
</HEAD>
<BODY>...</BODY>
</HTML>



Head
 
MARKUP
DESCRIPTION
<META...> Provides descriptions about the document.  Search engines such as Webcrawler spider these tags to find what your page is about.
NAME="..." Describes the type of description. KEYWORDS, or DESCRIPTION.
CONTENT="..." Contains the keywords, or the description.
The Meta tags go between the Head tags as follows:

<HEAD>
<META NAME="KEYWORDS" CONTENT="...">....
<META NAME="DESCRIPTION" CONTENT="...">....
</HEAD>



Title

The title tags (<TITLE>...</TITLE>) go somewhere between the head tags.  The text that goes between the tags is the title that you choose for your page.  For example:

<HEAD>
<TITLE>Flintlock's Homepage</TITLE>
</HEAD>

With the meta tags:

<HEAD>
<META NAME="KEYWORDS">...
<META NAME="DESCRIPTION">...
<TITLE>Flintlock's Homepage</TITLE>
</HEAD>



Body Attributes
 
MARKUP
DESCRIPTION
BGCOLOR="rrggbb" Sets the red, green, and blue values for the background color of the page.
BACKGROUND="url" Sets an image to be used for the background
TEXT="rrggbb" Sets the red, green, and blue values for the color of the text.
LINK="rrggbb" Sets the red, green, and blue values for the color of the links.
VLINK="rrggbb" Sets the red, green, and blue values for the color of the visited links.
ALINK="rrggbb" Sets the red, green, and blue values for the color of the active links.
TOPMARGIN="..." Sets the value for the height of the top margin. 
Either "0" or > "0"
LEFTMARGIN="..." Sets the value for the width of the left margin. 
Either "0" or >"0"
These attributes are to be included with the first body (<BODY...>) tag:

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#CCCCCC" ALINK="#FF0000" TOPMARGIN="5" LEFTMARGIN="5">...
</BODY>

note: If the top and left margin values are left out, then the browser will set a default value for them.



Body Markup

These are tags you can use in conjunction with text to form what you see when you view the page.

Character Level
Linking
Lists
Images
Tables
Forms

CHARACTER LEVEL
 
MARKUP
DESCRIPTION
<!--...--> Inserts a comment.
<BR> Forces a line to break.
<H1>...</H1>, <H2>...</H2>, <H3>...</H3>, <H4>...</H4>, <H5>...</H5>, <H6>...</H6> Heading tags; H1 being the tag to go around the biggest header.  H6 being the smallest.
<HR> Inserts a horizontal rule
COLOR="rrggbb" Sets the red, green, and blue values for the color of the horizontal rule.
SIZE="..." Gives the line a width value in pixels or % of page width.
WIDTH="..." Gives the line an exact width value in pixels.
ALIGN="..." Aligns the line at either the LEFT, RIGHT, or CENTER of the page.
NOSHADE Prvents the line from being shaded.
<NOBR>...</NOBR> Specifies items that should not be broken up to fit the page.
<P> Breaks the line, and spaces for a new paragraph.
<B>...</B> Encloses text to be bold.
<BLINK>...</BLINK> Makes text blink.
<I>...</I> Encloses text to be italicised (italics).
<FONT>...</FONT> Changes the font of the text.
COLOR="rrggbb" Sets the red, green, and blue values for the color of the new font.
FACE="..." Sets the typeface for the new font.
SIZE="..." Changes font size from 1 to 7.
<SUB>...</SUB> Subscript
<SUP>...</SUP> Superscript
<U>...</U> Underlines text.
<DD> Indents
Go to the character level example page.

LISTS
 
MARKUP
DESCRIPTION
<UL>...</UL> Begins an unordered (bullet) list.
<OL>...</OL> Begins an ordered list.
TYPE="A, a, I, i, or 1" Specifies the character to be displayed next to each item in the definition list. 
A=Large letters, a=Small letters, I=Large roman numerals, i=small roman numerals, and 1=numbers.
<LI> Begins each item in the list.
Go to the list example page.

IMAGES
 
MARKUP
DESCRIPTION
<IMG> Inserts an image.
SRC="..." Provides the location of the image.
ALIGN="..." Aligns the accompanying text for the image at RIGHT, LEFT MIDDLE, TOP, and BOTTOM of the image.
ALT="..." Gives alternate text that will be displayed if the image is not.
BORDER="..." Specifies the border width around the image in a numerical value.
HEIGHT="..." Specifies the height of the image in pixels.
WIDTH="..." Specifies the width of the image in pixels.
TITLE="..." Gives the image an accompanying title.
LOWSRC="..." Specifies the location of a smaller, faster loading image that will be displayed before the real image will.
Go to the imaging page

TABLES
 
MARKUP
DESCRIPTION
<TABLE>...</TABLE> See the table page
CELLSPACING="..." See the table page
CELLPADDING="..." See the table page
WIDTH="..." See the table page
BORDER="..." See the table page
BORDERCOLOR="..." See the table page
<TR>...</TR> See the table page
<TD>...</TD> See the table page
WIDTH="..." See the table page
BORDER="..." See the table page
VALIGN="..." See the table page
BORDERCOLOR="..." See the table page
Go to the table page.


Internet Explorer Multimedia Markup
 
MARKUP
DESCRIPTION
<BGSOUND> Indicates background sounds
SRC="url" Specifies location of the background sound
LOOP="..." How many times (number or INFINITE) the sound plays
<MARQUEE> Spcifies marquee text.
ALIGN="..." aligns text arund the marquee at TOP, MIDDLE, or BOTTOM of the marquee.
BEHAVIOR="..." SCROLL, SLIDE, or ALTERNATE
BGCOLOR="rrggbb" Specifies the background color of the marquee.
DIRECTION="..." LEFT or RIGHT
HEIGHT="..." Specifies the height of the marquee.
HSPACE="..." Specifies left and right margins in pixels
LOOP="..." Number, or INFINITE
SCROLLAMOUNT=".." Specifies the number of pixels between each successive progression of the marquee text.
SCROLLDELAY="...' Specifies the number of milliseconds between each successive draw of the marquee.
VSPACE="..." Specifies top and bottom margins in pixels.
WIDTH="..." Specifies the width of the marquee.
 
Source: HTML for Dummies 2nd Edition
 This page was created by  Flintlock with
   The Colour of My Mind
 The Starcraft Mission Terminal
 Get your own webpage with 20mb of webspace FREE!